<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Photos</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>

<body>
<!-----------------------HEADER------------------------------------------------->
<div id="top">
<div id="account-bar">
	<div class="setting space">
    	<a class="bgspace" href="#">
	    	<img src="images/setting.png" />
        </a>
    </div>
    <div class="icon space">
    	<a class="bgspace" href="#">
        	<img src="images/icon.png"/>
        </a>
    </div>
    <a href="Profile.html" class="userName">Hoang Yen</a>
</div>

<div class="clear"></div>

	<div class="banner">
    	<div class="logo">
        	<img src="images/logo1.png" />
        </div>
        <div class="top-tab">
        	<div class="top-tab-active">
                <div class="top-tab-txt">
                    <a href="MyPhotos.html"> My Photos</a>
                </div>
            </div>
        </div>
        <div class="top-tab">
        	<div class="top-tab-inactive">
                <div class="top-tab-txt">
                    <a href="Explore.html"> Explore</a>
                </div>
            </div>
        </div>
        
		<div class="upload">
        	<a href="UpLoad.html">Upload</a>
        </div>
        
        <div class="search">
        	<div class="search-form">
            	<form id="search-form" method="get" action="/lh/view" name="search-form">
					<input id="search" type="text" value="" maxlength="128" size="25" name="q">
	                <input class="search-button" type="submit" value="Search">
                </form>
            </div>
        </div>
        
    </div>
</div>
<!-----------------------CONTENT------------------------------------------------->
<div id="content">
	<div id="left">
        <div class="context-box">
            <div>
                <img src="images/tbnRecent.png">
                <span> Albums </span>
                <span><a href="#">Edit visibility</a></span>
            </div>
        </div>
            
            <div class="row">
                <div class="item">
                    <div class="thumb">
                            <img src="images/thumbnail.png" alt=""/>
					</div>
                    <div class="info">
                    	<p class="album-cover-title">
                        	<a class="album-cover-link" href="#">Profile Photos</a>
						</p>
                        <p class="album-cover-date">
                        	<a class="album-cover-link" href="#">09-07-2011</a>
						</p>
					</div>
                </div>
                    <div class="item">
                    <div class="thumb">
                            <img src="images/thumbnail.png" alt=""/>
					</div>
                    <div class="info">
                    	<p class="album-cover-title">
                        	<a class="album-cover-link" href="#">History Photos</a>
						</p>
                        <p class="album-cover-date">
                        	<a class="album-cover-link" href="#">09-07-2011</a>
						</p>
					</div>
                </div>
                    <div class="item">
                    <div class="thumb">
                            <img src="images/thumbnail.png" alt=""/>
					</div>
                    <div class="info">
                    	<p class="album-cover-title">
                        	<a class="album-cover-link" href="#">Album 1</a>
						</p>
                        <p class="album-cover-date">
                        	<a class="album-cover-link" href="#">09-07-2011</a>
						</p>
					</div>
                </div>
                <div class="clear"></div>
                
	</div>
	</div>
    
    <div id="right">
    	<div class="contact">
        	<div class="avatar">
            	<img src="images/avt.png" />
            </div>
            <div class="name">
            	<a href="#"> Hoang Yen</a>
                <br />
                <a href="#"> Photos</a>
            </div>
            
            <div class="context-box-right">
                <div>
                    <span> Recent comment </span>
                    <span><a href="#">View All</a></span>
                </div>
                <div>
                    <span> People in my photos </span>
                    <span><a href="#">View All</a></span>
                </div>
        	</div>
        
        </div>
    </div>
</div>

<div id="footer">
	<p id="copyright"> Powered by 4nSE, SE K53, Hanoi University of Science and Techonogy.</p>
</div>

</body>
</html>
